<template>
    <div>
        <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" label-width="auto" class="demo-ruleForm"
            status-icon>
            <el-form-item label="通用方案" prop="region">
                <el-input v-model="ruleForm.subsidyName" />
            </el-form-item>
            <el-form-item label="备注" prop="region">
                <el-input v-model="ruleForm.subsidyRemark" />
            </el-form-item>
            <el-form-item label="津贴名称" prop="region">
                <div>
                    <div style="display: flex;margin-bottom: 12px;">
                        <el-input value="交通补贴" disabled />
                        <el-select v-model="ruleForm.transportationSubsidyScheme" placeholder="Activity zone">
                            <el-option label="每出勤日" :value="1" />
                            <el-option label="每月固定" :value="2" />
                        </el-select>
                        <el-input v-model="ruleForm.transportationSubsidyAmount" />
                    </div>
                    <div style="display: flex;margin-bottom: 12px;">
                        <el-input value="通讯补贴" disabled />
                        <el-select v-model="ruleForm.communicationSubsidyScheme" placeholder="Activity zone">
                            <el-option label="每出勤日" :value="1" />
                            <el-option label="每月固定" :value="2" />
                        </el-select>
                        <el-input v-model="ruleForm.communicationSubsidyAmount" />
                    </div>
                    <div style="display: flex;margin-bottom: 12px;">
                        <el-input value="午餐补贴" disabled />
                        <el-select v-model="ruleForm.lunchAllowanceScheme" placeholder="Activity zone">
                            <el-option label="每出勤日" :value="1" />
                            <el-option label="每月固定" :value="2" />
                        </el-select>
                        <el-input v-model="ruleForm.lunchAllowanceAmount" />
                    </div>
                    <div style="display: flex;margin-bottom: 12px;">
                        <el-input value="住房补助" disabled />
                        <el-select v-model="ruleForm.housingSubsidyScheme" placeholder="Activity zone">
                            <el-option label="每出勤日" :value="1" />
                            <el-option label="每月固定" :value="2" />
                        </el-select>
                        <el-input v-model="ruleForm.housingSubsidyAmount" />
                    </div>
                </div>
            </el-form-item>
            <el-form-item label="适用计税方式" prop="region">
                <el-radio-group v-model="ruleForm.taxCalculationType" class="ml-4">
                    <el-radio :value="0" size="large">税前</el-radio>
                    <el-radio :value="1" size="large">税后</el-radio>
                </el-radio-group>
            </el-form-item>
        </el-form>
    </div>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'
defineProps(['ruleForm'])

</script>

<style scoped></style>